<template>
  <div class="difficulties">
    <div class="difficulties-title">
  <!--    <p>
        <span class="title-h1">软文</span>
        <span class="title-h2">推广难题</span>
        <span class="title-icon ml-4"></span>
      </p>
      <p class="title-en">obstacle on promotion</p> -->
	  <img
	    src="@/assets/image/softArticlePromotion/img／tab04／title／obstacle@2x.png"
	    alt=""
		style="width: 248px;height:88px;object-fit: cover;"
	  />
      <p class="title-disc">
        在资讯爆炸的时代里，软文成为企业网推的首选方式。如何在众多营销软文中脱颖而出，精准进入目标客群视野？如何以最高费效比完成营销目标？如何通过软文营销助力品牌形象塑造？对于企业而言，软文虽好，但用得好并不容易。
      </p>
    </div>
    <div class="area-01">
      <div class="area-item">
        <!-- <img class="order-img" src="@/assets/image/pageHome/img1.png" alt="" /> -->
        <!-- <span></span> -->
        <img
          src="@/assets/image/softArticlePromotion/img／tab04／text_card／efficiency@2x.png"
          alt=""
        />
        <p>发布效率低下,信息披露不及时</p>
        <div class="area-item-disc">
          传统软文发布效率低下，因为投放审核原因，部分稿件发布无法做到当天时效，甚至一些营销类稿件，常常遭遇朝发夕撤。
        </div>
      </div>
      <div class="area-item">
        <img
          src="@/assets/image/softArticlePromotion/img／tab04／text_card／expensive@2x.png"
          alt=""
        />
        <p>传统方式成本昂贵</p>
        <div class="area-item-disc">
          传统软文按字数付费，单篇成本高，且要求限制较多，无法满足企业营销内容需求，质量难以保障。
        </div>
      </div>
    </div>
    <div class="area-02">
      <div class="area-outer">
        <div class="area-inner">
          <img
            class="area-img"
            src="@/assets/image/softArticlePromotion/img／tab04／text_card／method@2x.png"
            alt=""
          />
          <p>投放需求难匹配</p>
          <div class="area-item-two">
            软文投放的核心在于内容与受众的精准匹配。然而，在实际操作中，往往因为目标受众的画像不够清晰，或者对受众的需求和兴趣点把握不够准确，导致软文内容难以引起受众的共鸣和兴趣，进而降低了投放效果。
          </div>
        </div>
      </div>
      <div class="area-outer">
        <div class="area-inner">
          <img
            class="area-img"
            src="@/assets/image/softArticlePromotion/img／tab04／text_card／unfamiliar@2x.png"
            alt=""
          />
          <p>媒体不熟悉,试错成本高</p>
          <div class="area-item-two">
            当媒体环境不熟悉时，企业在进行软文投放时往往面临较高的试错成本。这是因为在不了解媒体平台的受众特点、传播效果以及合作方式的情况下，企业往往以广撒网的形式进行推广，极易造成资源错配和资源浪费。
          </div>
        </div>
      </div>
      <div class="area-outer">
        <div class="area-inner">
          <img
            class="area-img"
            src="@/assets/image/softArticlePromotion/img／tab04／text_card／exposure@2x.png"
            alt=""
          />
          <p>品牌检索 能见度低</p>
          <div class="area-item-two">
            文稿质量、平台选择都将影响到营销效果。低质或不符合SEO规则的软文推广，往往无法达到企业主的推广需求，无法触达到目标客群，导致高成本批量宣发软文，但实际搜索能见量低，客户触达率低。
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.difficulties {
  width: $aiseoHomeWidth;
  margin: 0 auto;
  border-left: 2px dotted #939393;
  border-right: 2px dotted #939393;
  //   height: 960px;
  .difficulties-title {
    width: 100%;
    padding: 80px;
    box-sizing: border-box;
    border-bottom: 2px dotted #939393;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    p {
      .title-h1 {
        font-family: HelloFont WenYiHei, HelloFont WenYiHei;
        font-weight: 400;
        font-size: 48px;
        color: #1a1a1a;
      }
      .title-h2 {
        font-family: HelloFont WenYiHei, HelloFont WenYiHei;
        font-weight: 400;
        font-size: 32px;
        color: #1a1a1a;
      }
      .title-icon {
        display: inline-block;
        width: 16px;
        height: 4px;
        background: #e62e3d;
        border-radius: 0px 0px 0px 0px;
      }
    }
    .title-en {
      font-family: Poiret One;
      font-weight: 400;
      font-size: 24px;
      color: #1a1a1a;
      line-height: 24px;
    }
    .title-disc {
      margin-top: 40px;
      color: #808080;
      font-size: 20px;
      text-align: center;
	  letter-spacing: 1.3px;
    font-family: Alibaba PuHuiTi-Regular;
    }
  }
  .area-01 {
    width: 100%;
    height: 293px;
	 border-bottom-style: dotted;
	  border-bottom-width:2px; 
	  border-bottom-color: #939393;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    .area-item {
      &:first-child {
        .area-item-disc {
          width: 600px;
        }
      }
      &:last-child {
        width: 400px;
      }
    }
  }
  .area-item {
    > img {
      height: 27px;
      transform: translateX(-10px);
    }
    > p {
      font-family: Alibaba PuHuiTi-Bold;
      font-weight: bold;
      font-size: 24px;
      color: #1a1a1a;
      line-height: 24px;
    }
    .area-item-disc {
      font-family: Alibaba PuHuiTi-Regular;
      font-weight: 400;
      font-size: 16px;
      color: #333333;
      line-height: 32px;
      border: 2px solid #1a1a1a;
      margin-top: 24px;
      height: 138px;
	  letter-spacing: 2px;
      display: flex;
      align-items: center;
      padding: 0 20px;
      box-sizing: border-box;
    }
  }
  .area-02 {
    display: flex;
    height: 550px;
    .area-outer {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      & + .area-outer {
        border-left: 2px dotted #939393;
      }
      .area-img {
        height: 27px;
        margin-top: 60px;
        transform: translateX(-10px);
      }
      p {
        font-family: Alibaba PuHuiTi-Regular;
        font-weight: bold;
        font-size: 24px;
        color: #1a1a1a;
        line-height: 24px;
      }
      .area-item-two {
        border: 2px solid #1a1a1a;
        width: 240px;
        height: 300px;
        box-sizing: border-box;
        padding: 16px;
        margin-top: 24px;
        font-family: Alibaba PuHuiTi-Regular;
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        line-height: 32px;
      }
    }
  }
}
</style>
